<template>
	<view class="content">
		<!-- 电量显示栏-->
		<view class="top_nav">
			<view class="kong"></view>
			<!-- <image src="../../static/buy/1.png"></image> -->
			<view class="tab_item">
				<view class="return" @click="returnPage">
					<image src="https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/static/course/jiantou.png">
					</image>
				</view>
				<view class="title">快捷支付</view>
				<view class="return"></view>
			</view>
		</view>

		<!-- 我的余额 -->
		<view class="my_yu_e">
			<view class="yu_e_title">收款金额</view>
			<view class="yu_e_money"><text style="font-size: 50upx;">￥</text>{{money}}</view>
		</view>

		<view class="fenge"></view>

		<view class="choose_wrap">
			<view class="choose_item">
				<view class="item_name">收款卡</view>
				<view class="information_content">
					<view class="information_title">{{card_num}}</view>
					<!-- <image src="/static/4.png"></image> -->
				</view>
			</view>
			<view class="choose_item">
				<view class="item_name">到账方式</view>
				<view class="information_content">
					<view class="information_title">立即到账(0.6% + 3)</view>
					<!-- <image src="/static/4.png"></image> -->
				</view>
			</view>
			<view class="choose_item">
				<view class="item_name">快捷通道</view>
				<view class="information_content">

					<!-- <image src="/static/myjgq/xiala.png" mode="aspectFit"></image> -->
				</view>
				<picker class="select-date" @change="bindPickerChangeTow" :value="indexTow" :range="arrayTow">
					<view class="choose_date">
						<view class="uni-input">{{checknameTow}}</view>
						<view class="choose">
							<image src="https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/static/go_list.png">
							</image>
						</view>
					</view>
				</picker>
			</view>

			<!-- 	<template v-if="indexTow==0">
				<view class="choose_item">
					<view class="item_name">商户类型</view>
					<view class="information_content">
                </view>
					<picker class="select-date" @change="bindPickerChange" :value="index" :range="array">
						<view class="choose_date">
							<view class="uni-input">{{checkname}}</view>
							<view class="choose">
								<image src="https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/static/go_list.png"></image>
							</view>
						</view>
					</picker>
				</view>

				<view class="choose_item">
					<view class="item_name">消费区域</view>
					<pick-regions class="information_content1" :defaultRegion="defaultRegionCode" @getRegion="handleGetRegion">
						<view class="information_content2">
							<view class="information_title1">{{regionName}}</view>
							<view class="info_img">
								<image src="https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/static/4.png" mode="aspectFit"></image>
							</view>
						</view>
					</pick-regions>
				</view>
			</template> -->

			<view class="choose_item" @click="card">
				<view class="item_name">付款卡</view>
				<view class="information_content">
					<view class="information_title">{{card_pay}}</view>
					<image src="https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/static/4.png"></image>
				</view>
			</view>

			<template v-if="indexTow==0&&card_pay!='请选择付款卡'">
				<view class="choose_item">
					<view class="item_name">消费区域</view>
					<picker class="information_content1" mode="multiSelector" :range="timeList" :value="timesIndex"
						@change="bindTimeChange" @columnchange="columnchange">
						<view class="information_content2">
							<view class="information_title1">
								{{active_timeList==null?"请选择消费区域":active_timeList[1].cityName}}</view>
							<view class="info_img">
								<image src="https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/static/4.png"
									mode="aspectFit"></image>
							</view>
						</view>
					</picker>
				</view>
			</template>

		</view>

		<openAlert class='openAlert' ref="openAlert1" BgColor='rgba(0, 0, 0, 0.7)' :AlertClass="AlertClass"
			:AlertPosition="AlertPosition">
			<view class="modal_wrap">
				<view class="modal_title">验证码</view>

				<view class="modal_content">
					<view class="input-item">
						<input type="text" :value="mobile" disabled="true" maxlength="11"
							placeholder-style="font-size:24upx" data-key="mobile" />

					</view>

				</view>
				<view class="yanzhenma">
					<view class="input-item">
						<input :value="authCode" placeholder="请输入验证码" data-key="authCode" placeholder-style="font-size:24upx" @input="inputChange" />
					</view>
				</view>
				<view class="btn_wrap">
					<view class="cancel_btn" @click.stop="cancel">取消</view>
					<view class="modal_btns" @click="getAuthCode">确定</view>
				</view>
			</view>
		</openAlert>
		<view class="add_daili" @tap="open(0, 'center')">{{codeContent}}</view>

		<!-- 富文本 -->
		<view class="answer_wrap">
			<rich-text :nodes="answer"></rich-text>
		</view>
		<!-- <view class="add_daili" @tap="pay_not">下一步</view> -->
	</view>
</template>

<script>
	import openAlert from '@/components/open-alert/open-alert';
	import pickRegions from '@/components/pick-regions/pick-regions.vue'
	export default {
		components: {
			openAlert,
			pickRegions
		},
		data() {
			return {
				regionName: '选择消费区域',
				region: [],
				answer: '',
				code: '',
				defaultRegion: ['广东省', '广州市', '番禺区'],
				defaultRegionCode: '440113',
				card_num: '加载中',
				checkname: '选择商户类型',
				checknameTow: '精选通道',
				array: [],
				arrayTow: ["精选通道"],
				earning: [],
				money: 0,
				card_pay: "请选择付款卡",
				codeSend: false,
				codeContent: '发送验证码',
				time: 60,
				mobile: null,
				AlertClass: 0,
				AlertPosition: '',
				authCode: null,
				phone: null,
				index: 0,
				indexTow: 0,
				type_obj: [],
				type_id: null,
				id: null,
				skid: null,
				smsid: null,
				cvv2: '',
				userNews: {},
				isGetSms: false,
				timeList: [
					[],
					[]
				],
				timeList_source: null,
				timesIndex: [0, 0],
				active_timeList: null,
				yc_order_no: null,
				token: '',
				codeContent: '下一步',
				time: 60,
				interval: null,
			}
		},
		onShow() {
			//判断缓存是否存在
			//存取付款卡信息
			if (uni.getStorageSync('data')) {
				this.id = uni.getStorageSync('data').id
				this.card_pay = uni.getStorageSync('data').cardno
				//删除缓存
				uni.removeStorageSync('data')
			} else {
				this.card_pay = "请选择付款卡"
			}
			//手机号加密
			var mobile = uni.getStorageSync('userInfo').mobile
			this.phone = mobile
			mobile = "" + mobile;
			var reg = /(\d{3})\d{4}(\d{4})/;
			var mobile1 = mobile.replace(reg, "$1****$2")
			this.mobile = mobile1
			//获取金额
			if (uni.getStorageSync('prices')) {
				this.money = uni.getStorageSync('prices');
				//删除缓存
				uni.removeStorageSync('prices')
			}

			if (this.id == null || this.money == null) {
				return;
			}
			//获取开始城市地址
			this.Unfold_data.upload_data({
				card_no: this.id,
				money: this.money,
				token: this.token
			}, 'POST', "/api/channel/m6/getBeginCity", res => {
				if (res.statusCode == 200 && res.data.code == 1) {
					console.log(6666, res.data.data)
					this.timeList_source = res.data.data;
					this.timeList = [
						[],
						[]
					];
					for (let i in res.data.data[0]) {
						this.timeList[0].push(res.data.data[0][i]["provinceName"]);
					}
					for (let i in res.data.data[1]) {
						this.timeList[1].push(res.data.data[1][i]["cityName"]);
					}
					this.bankCode = res.data.data[2];
				} else {
					this.Unfold_data.showWindow('您所选择的卡，和金额没有适合的区域进行消费');
				}
			});

		},
		computed: {
			// regionName(){
			//     // 转为字符串
			//     return this.region.map(item=>item.name).join('');
			// },
		},
		onLoad(option) {
			// this.getUserIdcrad();
			this.token = option.token
			if (option.price) {
				this.money = option.price
			}
			//获取默认收款卡
			this.s_card()
			//加载piker
			this.piker()
			//地址解析
			//this.address_x()
		},
		methods: {
			columnchange(e) {
				// console.log(7777,e)
				let data = e.detail;
				this.timesIndex[0]= data.value;
				console.log(7777, data.value)
				if (data.column == 0) {
					let provinceCode = this.timeList_source[0][data.value]["provinceCode"];
					uni.showLoading();
					//获取开始城市地址
					this.Unfold_data.upload_data({
						bankCode: this.bankCode,
						money: this.money,
						province_code: provinceCode,
						token: this.token
					}, 'POST', "/api/channel/m6/city", res => {
						if (res.statusCode == 200 && res.data.code == 1) {
							let newCity = [];
							for (let i in res.data.data) {
								newCity.push(res.data.data[i]["cityName"]);
							}
							this.timeList[1] = [];
							this.timeList[1] = newCity;
							this.timeList_source[1] = [];
							this.timeList_source[1] = res.data.data;
						    this.$forceUpdate();
							//必须重新刷新显示，用来刷新数据显示
							this.indexTow = 0;
							// this.indexTow=2;
							uni.hideLoading();
						} else {
							// 错误提示
							this.Unfold_data.showWindow(res.data.msg);
						}
					});
					// let start = (new Date()).getTime();
					// while((new Date()).getTime() - start < 1000) {
					//      continue;
					// }
				}
			},
			bindTimeChange(e) {
				let data = e.target.value;
				this.timesIndex[1]= data[1];
				this.active_timeList = [this.timeList_source[0][data[0]], this.timeList_source[1][data[1]]];
			},
			//解析地址
			address_x() {
				//获取address缓存
				var address = uni.getStorageSync('address');
				// console.log(address.longitude)
				// "latitude": 24.995676,
				// "longitude": 102.740863,
				let params = {
					'longitude': address.longitude,
					'latitude': address.latitude,
					token: this.token
				};
				var url = '/api/quickpay/order/location'
				this.Unfold_data.upload_data(params, 'POST', url, res => {
					if (res.statusCode == 200 && res.data.code == 1) {
						console.log(res.data.data)
						//删除逗号
						// this.regionName = res.data.data.addressComponent.replace(/\,/g,'')
						this.regionName = res.data.data.addressComponent.province + res.data.data.addressComponent
							.city
						this.code1 = res.data.data.addressComponent.adcode
					} else {
						//显示错误信息
						// this.Unfold_data.showWindow(res.data.msg);
					}
				});
			},

			//获取默认收款卡
			s_card() {
				let params = {
					token: this.token
				};
				var url = '/api/bankcard/bankcard/default'
				this.Unfold_data.upload_data(params, 'POST', url, res => {
					if (res.statusCode == 200 && res.data.code == 1) {
						this.skid = res.data.data.id;
						var card_no = res.data.data.cardno;
						card_no = "" + card_no;
						var reg = /^(\d{3})\d+(\d{4})$/;
						var card_no1 = card_no.replace(reg, "$1**********$2")
						this.card_num = card_no1
						// console.log(this.card_num)
					} else {
						//显示错误信息
						// this.Unfold_data.showWindow(res.data.msg);
					}
				});
			},

			// 获取选择的地区
			handleGetRegion(region) {
				this.region = region
				console.log(region)
				this.regionName = this.region.map(item => item.name).join('');
				this.code = this.region.map(item => item.code).join(',').split(',');
				this.code1 = this.code[1]
			},


			//pic列表
			piker() {
				let params = {
					token: this.token
				};
				// GET/api/usercenter/device/category
				var url = '/api/quickpay/order/businessType';
				this.Unfold_data.upload_data(params, 'GET', url, res => {
					if (res.statusCode == 200 && res.data.code == 1) {
						//'拉卡拉分润','快钱分润','POS奖励金','推荐奖','无卡分润','购物分润','购买会员等级分润','购物','提现','网赚收入','网赚分润'
						let arr1 = []
						let obj1 = res.data.data
						//对象转数组
						for (let prop in obj1) {
							arr1.push({
								id: prop,
								name: obj1[prop]
							})
						}
						this.type_obj = arr1
						//push进去
						// this.array.push(arr1.name)
						arr1.forEach(item => {
							this.array.push(item.name)
						})
					} else {
						// this.Unfold_data.showWindow(res.data.msg);
					}
				});

			},
			//选择行业
			bindPickerChange(e) {
				this.index = e.target.value
				this.checkname = this.array[this.index]
				this.type_id = this.type_obj[this.index].id;
				console.log(this.type_id)
			},
			//选择快捷通道
			bindPickerChangeTow(e) {
				this.indexTow = e.target.value
				this.checknameTow = this.arrayTow[0]
			},
			//启动按钮
			pay_not(Class, Position) {
				var url = '/api/quickpay/order/add';
				//获取用户的经纬度缓存
				var address = uni.getStorageSync('address');
				//请求参数
				let params = {
					// 行业
					businessType: this.type_id,
					// 交易金额
					transAmount: this.money,
					//信用卡id
					bankcardId: this.id,
					//城市code
					cityCode: this.code1,
					token: this.token
				};

				//开始请求
				this.Unfold_data.upload_data(params, 'POST', url, res => {
					if (res.statusCode == 200 && res.data.code == 1) {
						this.AlertClass = Class;
						this.AlertPosition = Position;
						this.$nextTick(function() {
							// console.log(this.$refs)
							this.$refs.openAlert1.Show();
						});
						//调用验证
						this.smsid = res.data.data.id;
					} else {
						// 错误提示
						this.Unfold_data.showWindow(res.data.msg);
					}
				});
			},
			//赋值
			inputChange(e) {
				const key = e.currentTarget.dataset.key;
				this[key] = e.detail.value;
			},
			//关闭密码输入框
			cancel() {
				this.$nextTick(function() {
					this.$refs.openAlert1.Close();
				});
			},
			//亿创短信验证
			yc_check_sms() {
				uni.showLoading({
					title: '处理中,请稍后',
					mask: true
				})

				//自选通道短信验证
				if (this.authCode == null) {
					this.Unfold_data.showWindow('请输入验证码');
					return;
				}

				if (this.yc_order_no == null) {
					this.Unfold_data.showWindow('您的订单创建失败，请返回首页，重新尝试');
					return;
				}


				let params = {
					orderNo: this.yc_order_no,
					sms: this.authCode,
					token: this.token
				}

				let url = "/api/channel/m6/checkSms";
				this.Unfold_data.upload_data(params, 'POST', url, res => {
					this.cancel();
					uni.hideLoading();
					this.Unfold_data.showWindow(res.data.data.msg);
					setTimeout(() => {
						uni.reLaunch({
							url: '/pages/tradingDetail/tradingDetail_YC?token=' + this.token
						})
					}, 2000)
					console.log(res);
				});



			},
			//综合短信验证
			getAuthCode() {

				if (this.indexTow == 0) {
					this.yc_check_sms();
					return;
				}

				//自选通道短信验证
				if (this.authCode != null && this.smsid != null) {
					this.Unfold_data.showWindow('请输入验证码');
					return;
				}

				uni.showLoading({
					title: '处理中,请稍后',
					mask: true
				})
				var url = '/api/quickpay/order/confirmOrder';
				let params = {
					id: this.smsid,
					smsCode: this.authCode,
					token: this.token
				};
				let that = this;
				let submit = function() {
					that.Unfold_data.upload_data(params, 'GET', url, res => {
						if (res.statusCode == 200 && res.data.code == 1) {
							that.authCode = null;
							that.cancel();
							uni.hideLoading()
							that.Unfold_data.showWindow(res.data.msg);
							setTimeout(function() {
								uni.redirectTo({
									url: '/pages/tradingDetail/tradingDetail_RS?token=' + this
										.token
								})
							}, 3000)
						} else {
							that.authCode = null
							uni.hideLoading()
							that.Unfold_data.showWindow(res.data.msg);
						}
					});
				}
				submit();
			},
			settime() {
				if(this.time!=60){
					return
				}
				// var time_now = this.time;
				var content = this.codeContent;
				var interval1 = setInterval(() => {
					this.time--;
					this.codeContent = '(' + this.time + 's)重发';
					if (this.time == 0) {
						this.time=60
						this.codeContent='下一步'
						this.isGetSms = false;
						clearInterval(interval1);
					}
				}, 1000);
				// this.interval = interval1;
			},
			yc_payment(Class, Position) {
				if (this.active_timeList == null) {
					this.Unfold_data.showWindow('请选择消费区域')
					return
				}

				let params = {
					"get_money_card_id": this.skid,
					"out_money_card_id": this.id,
					"money": this.money,
					"province": this.active_timeList[0].provinceCode,
					"city": this.active_timeList[1].cityCode,
					token: this.token
				};

				//防止多次重复提交，导致短信验证失效
				if (this.isGetSms == false) {
					this.Unfold_data.upload_data(params, 'POST', "/api/channel/m6/createOrder", res => {
						if (res.statusCode == 200 && res.data.code == 1) {
							this.yc_order_no = res.data.data.orderNo;
							this.settime()
							console.log(this.yc_order_no);
						} else {
							this.Unfold_data.showWindow(res.data.msg);
							uni.reLaunch({
								url: '/pages/tradingDetail/tradingDetail_YC?token=' + this.token
							})
						}
					});

					this.isGetSms = true;
				}

				this.AlertClass = Class;
				this.AlertPosition = Position;
				this.$refs.openAlert1.Show();

			},
			//进行支付（打开提示框）
			open(Class, Position) {
				if (this.card_pay == "请选择付款卡") {
					this.Unfold_data.showWindow('请选择付款卡')
					return;
				}

				//优质通道
				if (this.indexTow == 1) {
					if (this.money < 500) {
						this.Unfold_data.showWindow('该通道不能小于500元。请选取其他通道');
						return;
					}
					let h5Data = {
						"get_money_card_id": this.skid,
						"out_money_card_id": this.id,
						"money": this.money
					};
					uni.setStorageSync("h5Data", h5Data);
					uni.navigateTo({
						url: "/pages/answer/h5fast?get_money_card_id=" + this.skid + '&money=' + this.money +
							'&out_money_card_id=' + this.id + '&token=' + this.token
					})
					return
				}

				//亿创通道
				if (this.indexTow == 0) {
					this.yc_payment(Class, Position);
					return
				}


				//自选通道
				// if (this.checkname == '选择商户类型') {
				// 	this.Unfold_data.showWindow('请选择商户类型')
				// 	return
				// }
				this.AlertClass = Class;
				this.AlertPosition = Position;
				this.$refs.openAlert1.Show();
				//防止多次重复提交，导致短信验证失效
				if (this.isGetSms == false) {
					this.$nextTick(() => {
						//调用方法
						this.pay_not(Class, Position);
					}, 800);
					this.isGetSms = true;
				}

			},
			//无卡支付跳转
			not_pay_jump() {
				// console.log(this.msoney)
			},
			//到账方式
			method() {},
			//付款卡
			card() {
				uni.navigateTo({
					url: '/pages/card_check/card_check?source=xin' + '&token=' + this.token
				})
			},
			returnPage() {
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style lang="scss">
	.answer_wrap {
		width: 100%;
		position: fixed;
		z-index: 10;
		top: 0;
	}

	page {
		width: 100%;
		height: 100%;
		background: #FFFFFF;
	}

	.content {
		width: 100%;
		position: relative;

		.add_daili {
			font-size: 40upx;
			width: 90%;
			margin: 0 auto;
			margin-top: 83upx;
			height: 105upx;
			border-radius: 10upx;
			background-color: #e74b58;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
		}


		.top_nav {
			width: 100%;
			height: 200upx;
			background-image: url('https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/static/buy/1.png');
			background-size: cover;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 10;

			.kong {
				width: 100%;
				height: 60upx;
			}

			.tab_item {
				width: 90%;
				margin: 0 auto;
				height: 140upx;
				display: flex;
				align-items: center;
				justify-content: center;

				.return {
					flex: 1;
					width: 100%;

					image {
						width: 29upx;
						height: 29upx;
					}
				}

				.title {
					flex: 8;
					width: 100%;
					color: #ffffff;
					display: flex;
					align-items: center;
					justify-content: center;
					z-index: 10;
				}
			}
		}

		.my_yu_e {
			width: 100%;
			padding-top: 260upx;

			.yu_e_title {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 20upx 0;
				font-size: 32upx;
				font-weight: bold
			}

			.yu_e_money {
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 100upx;
				font-weight: bold;
				color: #000000;

				text {
					font-size: 26upx;
					font-weight: normal;
				}
			}

		}

		.fenge {
			width: 100%;
			height: 10upx;
			background: #E4E7ED;
		}

		.choose_wrap {
			width: 100%;

			.choose_item {
				width: 90%;
				margin: 0 auto;
				height: 150upx;
				display: flex;
				align-items: center;
				border-bottom: 2upx solid #cccccc;

				.item_name {
					//字体加粗
					flex: 1;
					font-size: 32upx;
					font-weight: bold
				}

				.information_content {
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: flex-end;
					color: #7c7c7c;
					font-weight: bold;

					.information_title {
						padding-right: 25upx;
					}

					image {
						width: 30upx;
						height: 30upx;
					}
				}

				.information_content1 {
					flex: 2;

					.information_content2 {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: flex-end;
						color: #7c7c7c;
						font-weight: bold;

						.information_title1 {
							display: -webkit-box;
							overflow: hidden;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 1;
						}

						.info_img {
							margin-left: 25upx;

							image {
								width: 30upx;
								height: 30upx;
							}
						}
					}
				}

				.select-date {
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: flex-end;
					color: #7c7c7c;
					font-weight: bold;

					.choose_date {
						display: flex;
						align-items: center;

						image {
							width: 40upx;
							height: 40upx;
						}

					}

				}
			}

			.choose_item:last-child {
				border-bottom: none;
			}
		}

		.openAlert {
			width: 100%;

			.modal_wrap {
				width: 75vw;
				height: 430upx;
				background-color: #FFFFFF;
				border-radius: 20upx;

				.modal_title {
					width: 100%;
					height: 80upx;
					background: #bb2235;
					border-radius: 20upx 20upx 0 0;
					color: #FFFFFF;
					display: flex;
					align-items: center;
					justify-content: center;
				}

				.modal_content {
					width: 70%;
					margin: 0 auto;
					display: flex;
					align-items: center;
					justify-content: center;
					padding: 45upx 0;

					.con_item {
						text-align: center;
						font-size: 30upx;
					}

					.input-item {
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						justify-content: center;
						padding: 0 20upx;
						background: $page-color-light;
						border-radius: 4px;
						margin-bottom: 50upx;

						&:last-child {
							margin-bottom: 0;
						}

						.tit {
							height: 50upx;
							line-height: 56upx;
							font-size: $font-sm + 2upx;
							color: $font-color-base;
						}

						.input_s {
							height: 60upx;
							width: 100%;
							display: flex;
							align-items: center;

							input {
								flex: 9;
								font-size: $font-base + 2upx;
								color: $font-color-dark;
								width: 100%;
							}

							uni-icons {
								flex: 1;
								display: flex;
								align-items: center;
								justify-content: center;
							}
						}
					}
				}

				.yanzhenma {
					width: 70%;
					margin: 0 auto;
					display: flex;
					align-items: center;
					justify-content: center;

					.confirm-btn11 {
						flex: 2;
						width: 100%;
						background-image: url(https://jialianxin-1301053941.cos.ap-chengdu.myqcloud.com/static/buy/1.png);
						background-size: cover;
						color: var(--themeColor);
						height: 40upx;
						border-radius: 25upx;
						display: flex;
						align-items: center;
						justify-content: center;
						// color: white;
						font-size: 20upx;
						margin-bottom: 50upx;
					}

					.input-item {
						flex: 3;
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						justify-content: center;
						padding: 0 20upx;
						background: $page-color-light;
						border-radius: 4px;
						margin-bottom: 50upx;

						&:last-child {
							margin-bottom: 0;
						}

						.tit {
							height: 50upx;
							line-height: 56upx;
							font-size: 24upx;
							color: $font-color-base;
						}

					}
				}

				.btn_wrap {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: center;

					.cancel_btn {
						width: 200upx;
						margin: 0 auto;
						height: 60upx;
						margin-top: 20upx;
						border: 2upx solid #e85e5d;
						color: #ac1327;
						display: flex;
						align-items: center;
						justify-content: center;
					}

					.modal_btns {
						width: 200upx;
						margin: 0 auto;
						height: 60upx;
						margin-top: 20upx;
						background: #ac1327;
						color: #FFFFFF;
						display: flex;
						align-items: center;
						justify-content: center;
					}
				}

			}
		}
	}
</style>
